import Vue from 'vue';

let vm = new Vue({
  el: '#app',
  data() {
    return {
      message: 'hello vue2.x',
      nums: [1, 4, 6, [8],
        [12, 7]
      ],
      person: {
        name: 'mike',
        age: 20
      }
    }
  },
  computed: {},
  watch: {
    message: function (newValue, oldValue) {
      console.log(newValue, oldValue);
    },
    number: function () {
      console.log('number...');
    }
  }
});

// console.log(vm._data.message);
// console.log(vm.message);
// console.log(vm.nums.push({
//   name: 'john'
// }));
// console.log(vm.nums[3].name);

// setTimeout(() => {
//   vm.message = 'Hi!';
//   vm.message = 'Hey!';
//   vm.message = 'Bye!';
// }, 3000);

// setTimeout(() => {
//   vm.nums.push(10);
// }, 3000);

setTimeout(() => {
  vm.message = 'Hi!';
}, 3000);

console.log(vm);